<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>通用会议注册表</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
        }

       .form-container {
            width: 800px;
            border: 5px solid #bbdefb;
            background-color: white;
            padding: 10px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }

        th,
        td {
            border: 1px solid #ccc;
            padding: 8px;
            vertical-align: middle;
        }

        th {
            background-color: #f0f0f0;
            text-align: center;
        }

        input[type="text"],
        input[type="email"],
        select {
            width: 100%;
            padding: 8px;
            box-sizing: border-box;
            border: 1px solid #ccc;
            border-radius: 3px;
        }

        input[type="radio"] {
            margin-right: 5px;
        }

        input[type="submit"] {
            background-color: #f1c40f;
            color: white;
            padding: 8px 15px;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }

        input[type="reset"] {
            background-color: #eaeaea;
            color: #333;
            padding: 8px 15px;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }

        td {
            background-color: white;
        }

        h2 {
            text-align: center; /* 添加这一行让标题居中 */
        }
    </style>
</head>

<body>
    <div class="form-container">
        <h2>通用会议注册表</h2>
        <form action="#">
            <table>
                <tr>
                    <th style="width: 20%;">参会者姓名</th>
                    <td style="width: 30%;"><input type="text" placeholder="请输入姓名"></td>
                    <th style="width: 20%;">职务</th>
                    <td style="width: 30%;"><input type="text" placeholder="请输入您的职务"></td>
                </tr>
                <tr>
                    <th>工作单位</th>
                    <td colspan="3"><input type="text" placeholder="请输入工作单位"></td>
                </tr>
                <tr>
                    <th style="width: 20%;">电话</th>
                    <td style="width: 20%;"><input type="text" placeholder="请输入电话"></td>
                    <th style="width: 20%;">传真</th>
                    <td style="width: 20%;"><input type="text" placeholder="请输入传真"></td>
                    <th style="width: 20%;">手机</th>
                    <td style="width: 20%;"><input type="text" placeholder="请输入手机"></td>
                </tr>
                <tr>
                    <th>通讯地址</th>
                    <td colspan="5"><input type="text" placeholder="请输入通讯地址"></td>
                </tr>
                <tr>
                    <th style="width: 20%;">邮编</th>
                    <td style="width: 20%;"><input type="text" placeholder="请输入邮编"></td>
                    <th style="width: 20%;">E-mail</th>
                    <td style="width: 30%;"><input type="email" placeholder="请输入邮箱"></td>
                    <th style="width: 20%;">国家</th>
                    <td style="width: 30%;">
                        <select>
                            <option value="中国">中国</option>
                            <!-- 可添加更多国家选项 -->
                        </select>
                    </td>
                </tr>
                <tr>
                    <th style="width: 20%;">省份</th>
                    <td style="width: 30%;">
                        <select>
                            <option value="北京市">北京市</option>
                            <!-- 可添加更多省份选项 -->
                        </select>
                    </td>
                    <th style="width: 20%;">城市</th>
                    <td style="width: 30%;"><input type="text" placeholder="请输入城市"></td>
                </tr>
                <tr>
                    <th colspan="5">会议费标准（人民币）</th>
                </tr>
                <tr>
                    <th style="width: 20%;">身份 / 时间</th>
                    <th colspan="2" style="width: 40%;">2021/08/27 之前注册</th>
                    <th colspan="2" style="width: 40%;">2021/08/30 之后注册</th>
                </tr>
                <tr>
                    <th>会员</th>
                    <td colspan="2"><input type="radio" name="member_fee_pre" value="1500">1500元</td>
                    <td colspan="2"><input type="radio" name="member_fee_post" value="1800">1800元</td>
                </tr>
                <tr>
                    <th>非会员</th>
                    <td colspan="2"><input type="radio" name="nonmember_fee_pre" value="1800">1800元</td>
                    <td colspan="2"><input type="radio" name="nonmember_fee_post" value="2000">2000元</td>
                </tr>
                <tr>
                    <td colspan="5" style="text-align: center;">
                        <input type="submit" value="提交">
                        <input type="reset" value="重置">
                    </td>
                </tr>
            </table>
        </form>
    </div>
</body>

</html>